<template>
    <view class="show-background " v-if="showremarks">
    <view class="fixed b0 l0 w100b body-height ">
        <view class="w100b h100b relative bod-radius ">
            <view class="absolute w100b h100b t0 l0 bsbox pt30 pl30 pr30  ">
                <view class="dsf ">
                    <u-icon     name="close" size="26" ></u-icon>
                    <view class="t-title ">{{$root.m0}}</view>
                </view>
                <view class="body-show ">
                    <u--textarea     placeholder="{{$root.m1+'('+$root.m2+')'}}" v-model="remark" ></u--textarea>
                </view>
                <view  class="t-button " >
                    <view class="dsf alc jcc  bg2270FC fz32 colfff fwb bdra14 t-button-1 ">{{$root.m3}}</view>
                </view>
            </view>
        </view>
    </view>
</view>

</template>

<script>
	export default {
		data() {
      
    },
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
.show-background {
    background-color: rgba(0, 0, 0, .3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 800 !important
}

.bod-radius {
    background-color: #fff;
    border-radius: 20upx 20upx 0 0
}

.bod-radius .t-title {
    font-size: 38upx;
    font-weight: 700;
    margin: 0 auto;
    text-align: center
}

.bod-radius .body-show {
    background-color: #eef2fd;
    margin-top: 50upx;
    padding: 30upx
}

.bod-radius .body-show .t-phone {
    margin-top: 30upx
}

.bod-radius .t-button {
    margin-top: 20upx
}

.bod-radius .t-button .t-button-1 {
    height: 80upx
}

.body-height {
    height: 500upx
}
</style>